app-categroy {
  position: relative;
  display: inline-block;
}

.cat-show-box {
  height: 32px;
  line-height: 32px;
  display: inline-block;
  border: 1px solid #ddd;
  padding: 0px 15px 0px 10px;
  font-size: 12px;
  position: relative;
  background: #fff;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}

.cat-show-box .cat-show-box-inner {
  white-space: nowrap;
  max-width: 150px;
  text-overflow: ellipsis;

}

.cat-show-box .cat-show-box-icon {
  position: absolute;
  right: 6px;
  top: 11px;
}

.itemInner.itemInnerAll{
  padding: 1px 4px;
  background: #fff;
  margin-top: 0px;
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}

.itemInnerBox .itemInnerBox {
  overflow-y: auto;
  overflow-x:hidden;
  max-height: 320px;
  width: 178px;
  border: 0 none;
  padding: 4px 0px;

}
.itemInner {
  position: absolute;
  left: 160px;
  height: auto;
  margin: 0;
  padding: 0;
  /*margin-top: -36px;*/
}


.service-catgroy {
  height: auto;
  width: 160px;
  margin: 0;
  /*box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);*/
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}

.service-catgroy-item2 {
  width: 160px;
  display: block;
  z-index: 68;
}

.service-catgroy li {
  line-height: 36px;
  height: 36px;
  display: block;
  font-size: 13px;
  background-color: #fff;
}

/*active*/
.service-catgroy li.active>.tree-item>.tree-item-value{
  color:#039be5;
}
.service-catgroy li.active>.tree-item>.tree-item-value:after{
  width: 100%;
}

.service-catgroy li.active>.tree-item>.right_expand_icon{
  background: #ccc;
}


.tree-item{
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;

  /*overflow: hidden;*/
}

.tree-item-value{
  color: rgba(0,0,0,.87);
  display: inline-block;
  text-align: left;
  position: relative;
  max-width: 135px;
  padding: 0 0px 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-item-value:after {
  display: block;
  padding-top: -3px;
  width: 0;
  height: 2px;
  background-color: #039be5;
  content: '';
  transition: width 0.3s;
}
.tree-item-value:hover{
  color:#039be5;
}
.tree-item-value:hover:after {
  width: 100%;
}
.right_expand_icon{
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  width: 20px;
  color: #000;
  z-index: 67;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;

}
.right_expand_icon:hover{
  background: #ccc;
}



/*手机端*/
.modelPhone .right_expand_icon{
  left: 0px;
}
.modelPhone .tree-item-value{
  padding: 0px 0px 0px 25px;
}

.modelPhone .itemInnerBox{
  width: 220px;
}
.modelPhone .service-catgroy .service-catgroy{
  padding-left: 15px;
  box-shadow: none;
}


.modelPhone .service-catgroy,.modelPhone .service-catgroy li {
  width:auto;
  display: block;
  height: auto;
}
.modelPhone .service-catgroy[hidden]{
  display:none;
}
